@charset "utf-8";
//统筹
body {
  min-width: 1200px;
  font: 12px "Microsoft Yahei", Tahoma, Simsun;
}
html,
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}
ul,
ol,
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
img {
  border: 0;
  vertical-align: middle;
}
.overflow {
  overflow: hidden;
}
.quit{
  cursor: pointer;
}
.quit:hover {
  color: #dd2727;
}
.clear {
  zoom: 1;
}
.clears {
  clear: both;
}
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.ftc {
  text-align: center;
}
.db {
  display: block;
}
.ft12 {
  font-size: 12px;
}
.ft14 {
  font-size: 14px;
}
.pt15 {
  padding-top: 15px;
}
.lh32 {
  line-height: 32px;
}
.c444 {
  color: #444;
}
.bold {
  font-weight: 700;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt5 {
  margin-top: 5px;
}
.doline {
  height: 5px;
  margin-bottom: 5px;
  border-bottom: 1px #ddd dotted;
}
.c333 {
  color: #333;
}
.c666 {
  color: #666;
}
.c999 {
  color: #999;
}
.c444 {
  color: #444444;
}
a {
  text-decoration: none;
  color: #444444;
}
input {
  border: none;
  outline: none;
}
.abs {
  position: absolute;
}
.rela,
.rel {
  position: relative;
}
.hide{
  display: none;
}
.tishi1 {
  left: 21px;
  top: 107px;
}
.tishi2 {
  left: 21px;
  top: 168px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.boxsha {
  box-shadow: 3px 3px 4px #777;
}
.c248 {
  color: #248dcc;
}
.cred {
  color: red;
}
//E宠首页
.main-width {
  width: 1200px !important;
  margin: 0 auto;
} // 版心
//Top
.city_current {
  color: #fff !important;
  background-color: #fb6003 !important;
}
.bgwhite {
  background-color: #fff !important;
}
.hidejs {
  position: absolute;
  background: #fff;
  display: none;
  z-index: 500;
}
.top {
  height: 28px;
  width: 100%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  //头部版心内容
  .top_main {
    @extend .top;
    //头部左边内容
    .top_lf {
      ul {
        //城市
        :nth-child(3) {
          .hidejs {
            border: 1px solid #dddddd;
            padding: 2px 2px;
            position: absolute;
            width: 402px;
            border-bottom: none;
            ul {
              position: relative;
              width: 400px;
              height: 31px;
              padding-left: 20px;
              border-bottom: 1px solid #ddd;
              box-sizing: border-box;
              li {
                position: relative;
                top: 5px;
                width: 50px;
                height: 25px;
                border: 1px solid #dddddd;
                border-bottom: none;
                background: #fff;
                margin-right: 4px;
                background: #f6f6f6;
              }
            }
            .city_city {
              display: none;
            }
            .cities,
            .city_city {
              width: 401px;
              padding-left: 5px;
              position: absolute;
              background: #fff;
              border: 1px solid #ddd;
              left: -1px;
              border-top: none;
              a {
                margin-right: 15px;
                display: inline-block;
                padding: 0px 10px;
              }
            }
          }
        }
        :nth-child(3) a,
        :nth-child(4) a {
          color: #666;
        }
        :nth-child(4) a:hover {
          color: #c60;
        }
        li {
          float: left;
          padding: 0 10px;
          padding-left: 0px;
          line-height: 29px;
          .city_xia {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../images/xqico.png") 0 8px;
          }

          a {
            img {
              width: 20px;
            }
          }
        }
      }
      //   城市选择
    }
    //头部右边的内容
    .top_rf {
      ul {
        :nth-child(4) {
          padding-right: 15px;
          .hidejs {
            width: 100px;
            height: 89px;
            padding: 5px 10px;
            border: 1px solid #ddd;
            li {
              width: 90px;
              height: 15px;
              list-style-type: disc;
              list-style-position: inside;
              padding: 1px 10px;
            }
          }
        }
        :nth-child(2):hover .sjewm {
          display: inline-block;
        }

        :nth-child(2) {
          .sjewm {
            position: absolute;
            display: none;
            width: 80px;
            height: 80px;
            left: 0;
            top: 25px;
            img {
              height: 80px;
              width: 80px;
            }
          }
        }
        li {
          float: right;
          padding: 0 5px;
          height: 26px;
          line-height: 25px;
          position: relative;
          img {
            width: 15px;
          }

          .sc_hide {
            position: absolute;
            border: 1px solid #ddd;
            left: -1px;
            top: 26px;
            float: left;
            li {
              list-style-type: disc;
              list-style-position: inside;
              padding: 5px 10px;
            }
            a {
              margin-left: -5px;
              display: inline-block;
              width: 66px;
            }
          }
          .shoucang {
            padding: 0 14px 0 0;
            cursor: pointer;
          }
          .shoucang:hover b {
            transform: rotateY(180deg);
          }
          b {
            display: block;
            width: 0;
            height: 0;
            border: transparent solid 4px;
            border-top: #717171 solid 4px;
            position: absolute;
            right: 5px;
            top: 10px;
            overflow: hidden;
            color: #444;
          }
        }
      }
    }
  }
  p,
  li {
    line-height: 25px;
  }
  a:hover {
    color: #248dcc;
  }
}

//Nav
.nav {
  padding: 9px;
  padding-bottom: 0;
  .nav_main {
    //头部搜索框
    .header {
      .h_left {
        a {
          display: inline-block;
          width: 268px;
          height: 94px;
          margin: 0px 0 0;
          background: url("../images/epet-logo.png");
        }
      }
      .h_middle {
        margin: 23px 0 0 33px;
        .search {
          width: 498px;
          height: 34px;
          button {
            border: 0;
            width: 73px;
            height: 34px;
            vertical-align: top;
            cursor: pointer;
            background-color: #459d36;
            color: #fff;
            font-size: 14px;
          }
          .sousuokuang {
            border: #459d36 solid 2px;
            background: 0 0;
            padding: 0 5px 0 15px;
            width: 382px;
            height: 30px;
            outline: 0;
            line-height: 30px;
            font-size: 14px;
            float: left;
            box-sizing: inherit;
          }
        }
        .keywords {
          margin: 10px 0;
        }
        ul span {
          margin: 0 10px;
        }
        ul li,
        ul span {
          float: left;
          color: #999;
        }
        ul li:nth-child(2) ~ li {
          //选中第二个li后所有li
          a {
            color: #999;
          }
        }
      }
      .h_right {
        margin: 23px 0 0;
        width: 130px;
        height: 39px;
        text-align: center;
        text-indent: 2em;
        background: url("../images/gwc.gif");
        a {
          line-height: 39px;
        }
      }
    }
    // 导航栏
    .goods_list a:hover {
      color: #248dcc;
    }
    .navs {
      background: #fff;
      padding-top: 10px;
      .navs_main {
        height: 34px;
        position: relative;
        z-index: 102;
        //左边该死的
        .navs_main_leftTab {
          //两个tab栏的父盒子
          height: 34px;
          line-height: 32px;
          color: #fff;
          font-size: 16px;
          text-align: center;
          position: relative;
          z-index: 1001;
          float: left;
          width: 228px;
          .showgg:hover b {
            -webkit-transition: -webkit-transform 0.2s ease-in;
            -moz-transition: -moz-transform 0.2s ease-in;
            -o-transition: -o-transform 0.2s ease-in;
            transition: transform 0.2s ease-in;
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
          }
          .showgg {
            float: left;
            width: 112px;
            height: 32px;
            text-align: center;
            border: 1px solid #e1e1e1;
            color: #666;
            cursor: pointer;
            a {
              color: #444;
            }

            b {
              display: inline-block;
              vertical-align: middle;
              margin-top: -2px;
              background: url(../images/jlt2.png);
              margin-left: 5px;
            }
            .catew {
              width: 16px;
              height: 13px;
              background-position: -17px -1257px;
            }
            .cater {
              width: 13px;
              height: 7px;
              background-position: -17px -1276px;
            }
          }
          span:hover .catew {
            background-position: 0 -1257px;
          }
          span:hover .cater {
            background-position: 0 -1276px;
          }
          //列表
          .navs_main_leftTab_nav {
            // border-top: 1px solid #fff;
            margin-top: 2px;
            width: 228px;
            position: absolute;
            top: 34px;
            left: 0;
            font-size: 12px;
            .dog_cat {
              display: none; //⭐
              height: 360px;
              //狗狗tab弹出广告
              .dog_cat_dog:hover .gougou {
                transition: left 0.5s;
                -moz-transition: left 0.5s; /* Firefox 4 */
                -webkit-transition: left 0.5s;
                left: -27px;
              }
              //狗狗猫猫主体块
              .dog_cat_dog {
                position: relative;
                width: 228px;
                height: 180px;
                background-color: #f5f5f5;
                a {
                  display: block;
                  span {
                    display: inline-block;
                    width: 60px;
                    height: 60px;
                    margin-top: 30px;
                    background: url(../images/new_petcate.png);
                    background-position: 0 -180px;
                  }
                }
                .wenzi {
                  line-height: 24px;
                  padding-bottom: 4px;
                  color: #333;
                  display: inline-block;
                  width: 110px;
                  height: 60px;
                  margin-left: 8px;
                  margin-top: 0;
                  vertical-align: top;
                  a {
                    width: 108px;
                    height: 28px;
                    line-height: 30px;
                    text-align: center;
                    border-radius: 3px;
                    border: 1px solid #aeaeae;
                    color: #aeaeae;
                  }
                }
                .gougou {
                  background: 0 0;
                  position: absolute;
                  width: 27px;
                  top: 0;
                  left: 0;
                  z-index: -1;
                }
              }
              // 猫猫块附加
              .cattt {
                background: #fff;
                a {
                  span {
                    background: url(../images/new_petcate.png);
                    background-position: 0 -60px;
                  }
                }
                .wenzi a {
                  border: 1px solid #e74085;
                  color: #e74085;
                }
              }
            }
            //列表导航
            .goods_list {
              position: relative;
              height: 360px;
              // background: #fff;
              .list_son {
                display: none;
                border: 1px solid #62a727;
                background: #f5f5f5;
                width: 570px;
                position: absolute;
                top: 0px;
                left: 226px;
                // display: none;
                line-height: 30px;
                z-index: 1002;
                .minl_son {
                  display: none;
                  padding: 10px;
                  width: 550px;
                  background: #fff;
                  float: left;
                  min-height: 358px;
                  .minl_son_box {
                    .ctitle {
                      padding-left: 10px;
                      height: 35px;
                      img {
                        width: 35px;
                        float: left;
                        height: 35px;
                        line-height: 35px;
                      }
                      a {
                        font-size: 16px;
                        padding-left: 10px;
                        float: left;
                        height: 35px;
                        line-height: 35px;
                      }
                      i {
                        float: left;
                        height: 35px;
                        line-height: 35px;
                        width: 35px;
                        background: url(../images/bg.png) -470px -240px no-repeat;
                      }
                    }
                    .chead {
                      float: left;
                      width: 150px;
                      text-align: right;
                      padding-right: 10px;
                      height: 25px;
                      line-height: 25px;
                      a {
                        color: green;
                        font-weight: 700;
                        padding-right: 10px;
                      }
                      img {
                        vertical-align: middle;
                        height: 25px;
                        width: 25px;
                      }
                    }
                    .clist {
                      float: left;
                      width: 390px;
                      text-align: left;
                      a {
                        display: inline-block;
                        padding: 0 6px 0 7px;
                        border-left: 1px #ddd solid;
                        height: 16px;
                        line-height: 16px;
                      }
                    }
                  }
                }
              }
              ul {
                overflow: hidden;
                background: #fff;
                ul li:hover .list_son {
                  display: block;
                }
                li:hover {
                  background-image: none;
                  position: relative;
                  border-top: 1px solid #459d36;
                  border-bottom: 1px solid #459d36;
                  z-index: 1003;
                  h3 {
                    background: #fff;
                  }
                }

                li {
                  height: 51px;
                  display: block;
                  width: 100%;
                  float: left;
                  background: url(../images/menuLine1.png) 50% bottom no-repeat;

                  h3 {
                    background-position: right -1206px;
                    background-repeat: no-repeat;
                    padding-left: 16px;
                    font-weight: 400;
                    height: 50px;
                    line-height: 50px;
                    background-color: #fcfcfc;
                    background-image: url(../images/jlt2.png);
                    a {
                      font-size: 14px;
                      text-align: left;
                      display: inline-block;
                      width: 88px;
                      overflow: hidden;
                      height: 50px;
                    }
                  }
                }
              }
              //ul下的热卖
              .remai:hover {
                position: relative;
                border-top: 1px solid #459d36;
                border-bottom: 1px solid #459d36;
              }
              .remai {
                height: 52px;
                width: 228px;
                line-height: 52px;
                background: #fff;
                color: #22990d;
                text-indent: 20px;
                font-size: 14px;
                img {
                  vertical-align: middle;
                  margin-top: -3px;
                  margin-right: 5px;
                }
                a {
                  height: 24px;
                  padding: 0 9px;
                  border-radius: 8px;
                  background: #fb6003;
                  color: #fff;
                  margin-left: 10px;
                }
              }
            }
          }
          .nml_current {
            background-color: rgb(190, 0, 21);
            border-color: rgb(190, 0, 21);
            opacity: 1;
            a {
              color: #fff;
            }
          }
        }
        .navs_main_rightTab {
          position: relative;
          left: 80px;
          li {
            display: inline;
            position: relative;
            float: left;
            z-index: 102;
            a:hover {
              color: #409b49;
            }
            a:hover b {
              -webkit-transition: -webkit-transform 0.2s ease-in;
              -moz-transition: -moz-transform 0.2s ease-in;
              -o-transition: -o-transform 0.2s ease-in;
              transition: transform 0.2s ease-in;
              -moz-transform: rotate(360deg);
              -o-transform: rotate(360deg);
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
            a {
              float: left;
              display: inline;
              line-height: 34px;
              font-size: 16px;
              color: #000;
              font-weight: 700;
              padding: 0 20px;
              text-decoration: none;
              outline: 0;
              height: 34px;

              b {
                display: inline-block;
                width: 13px;
                height: 17px;
                background: url("../images/jlt2.png") -35px -1280px;
                vertical-align: middle;
                margin-top: -2px;
                margin-right: 6px;
              }
              img {
                margin: 0;
                position: absolute;
                top: 0;
                right: 0;
              }
            }
          }
        }
      }
    }
  }
}

//banner
.banner {
  width: 100%;
  background: rgb(205, 65, 64);
  height: 360px;
  .banner_main {
    .banner_lunbo {
      padding-left: 36px;
      width: 780px;
      margin: 0 auto;
      position: relative;
      .banner_lunbo_show {
        opacity: 1;
      }
      ul {
        li {
          opacity: 0;
          a {
            img {
              height: 360px;
              width: 770px;
              position: absolute;
            }
          }
        }
      }
      .banner_index {
        position: absolute;
        top: 325px;
        left: 10px;
        text-align: center;
        width: 100%;
        z-index: 100;
        span {
          width: 21px;
          height: 21px;
          margin-right: 5px;
          text-align: center;
          display: inline-block;
          line-height: 21px;
          background-color: #999;
          border-radius: 50%;
          color: #fff;
          cursor: pointer;
        }
        .banner_index_span_current {
          background-color: #fff;
          box-shadow: 0 0 8px #ccc;
          color: #000;
        }
      }
    }
    .banner_lunbo_right {
      width: 200px;
      height: 360px;
      background: #fff;
      position: relative;
      z-index: 10;
      margin-right: 2px;
      overflow: hidden;
      float: right;
      .blr_box {
        a {
          height: 119px;
          border-bottom: 1px dotted #ddd;
          overflow: hidden;
          display: block;
          font-size: 0;
        }
        a:hover img {
          margin-left: -7px;
          -webkit-transition: all 0.4s ease-out;
          -moz-transition: all 0.4s ease-out;
          -ms-transition: all 0.4s ease-out;
          -o-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
        }
      }
    }
  }
}

//main

//main content
.main_content {
  a:hover {
    color: #248dcc;
  }
  h1:hover {
    color: #248dcc !important;
    cursor: pointer;
  }
  margin-top: 30px;
  .main_c_head {
    padding-bottom: 10px;
    color: #333;
    font-size: 20px;
    i {
      display: block;
      width: 30px;
      height: 30px;
      margin-right: 5px;
      float: left;
      background: url(../images/cate_5.png) no-repeat;
    }
  }
  .main_c_content {
    //主体左边大图
    .ccleft {
      width: 328px;
      height: 477px;
      overflow: hidden;
      position: relative;
      .ccleft_bg {
        img {
          width: 100%;
          height: 100%;
        }
      }
      .ccleft_over {
        position: absolute;
        background: rgba(255, 255, 255, 0.8);
        width: 298px;
        height: 148px;
        left: 0;
        bottom: 0;
        padding: 15px;
        overflow: hidden;
        li:hover {
          cursor: pointer;
        }
        .ccleft_hot {
          height: 30px;
          line-height: 30px;
          overflow: hidden;
          span {
            width: 87px;
            word-wrap: normal;
            float: left;
            overflow: hidden;
            line-height: 30px;
          }
          i {
            width: 27px;
            height: 27px;
            display: inline-block;
            margin-left: 10px;
            float: left;
            background: url(../images/index-ico.png) no-repeat;
            background-position: -113px -170px;
          }
          b {
            margin-right: 15px;
            margin-left: 5px;
            margin-top: 5px;
            display: inline-block;
            float: left;
          }
        }
        .ccleft_list {
          width: 315px;
          height: 102px;
          margin-top: 10px;
          overflow: hidden;
          li {
            width: 105px;
            height: 24px;
            line-height: 24px;
            margin-top: 10px;
            a {
              border-radius: 30px;
              margin-right: 18px;
              white-space: nowrap;
              text-overflow: ellipsis;
              padding: 0 5px;
              overflow: hidden;
              background: #fff;
            }
          }
        }
      }
    }
    //鼠标移动到谁，谁加类名 右边的tab栏的绿色顶
    .bdtg {
      border-top: 2px solid #459d36;
    }
    //右边tab栏
    .ccright {
      width: 872px;
      border-top: 1px solid #459d36;
      position: relative;
      // tab栏的头
      .ccr_tab_head {
        border-right: 1px solid #e7e7e7;
        top: -35px;
        right: 0;
        width: 872px;
        height: 35px;
        overflow: hidden;
        position: absolute;
        text-align: right;
        .cth_ul {
          border-left: 1px solid #e7e7e7;
          margin-right: 0;
          display: inline-block;
          // .cth_ul_li:hover {
          //   border-left: 1px solid #459d36;
          //   border-right: 1px solid #459d36;
          //   border-top: 1px solid #459d36;
          //   margin-left: -2px;
          //   border-bottom: 1px solid #fff;
          // }
          li.li_bd_g {
            border-left: 1px solid #459d36;
            border-right: 1px solid #459d36;
            border-top: 1px solid #459d36;
            margin-left: -2px;
            border-bottom: 1px solid #fff;
          }
          .cth_ul_li {
            border-bottom: 1px solid #459d36;
            border-left: #fff;
            border-right: 1px solid #fff;
            background: #fff;
            float: left;
            height: 33px;
            border-top: 1px solid #e7e7e7;
            div {
              height: 33px;
              padding-top: 5px;
              span {
                border-right: 0;
                color: #459d36;
                padding: 0 15px;
                font-size: 14px;
              }
            }
          }
        }
      }
      // tab栏的身体
      .ccr_tab_body {
        //热门⭐是id选择器！！！！⭐
        #son_one1 {
          .imgBox {
            border-right: 1px solid #e7e7e7;
            // 左边
            .it_fl {
              border-left: 1px solid #e7e7e7;
              border-bottom: 1px solid #e7e7e7;
              overflow: hidden;
              width: 388px;
              height: 299px;
              position: relative;
              a {
                div {
                  width: 160px;
                  position: absolute;
                  top: 30px;
                  left: 27px;
                  z-index: 1;
                  p {
                    text-overflow: inherit;
                    white-space: nowrap;
                    color: #000;
                    font-size: 16px;
                    overflow: hidden;
                  }
                  :nth-child(2) {
                    color: #f40;
                    margin-top: 5px;
                    font-size: 14px;
                  }
                }
                img:hover {
                  margin-left: -5px;
                  -webkit-transition: all 0.4s ease-out;
                  -moz-transition: all 0.4s ease-out;
                  -ms-transition: all 0.4s ease-out;
                  -o-transition: all 0.4s ease-out;
                  transition: all 0.4s ease-out;
                }
              }
            }
            .it_fr {
              .it_fr_gong {
                img:hover {
                  margin-left: -5px;
                  -webkit-transition: all 0.4s ease-out;
                  -moz-transition: all 0.4s ease-out;
                  -ms-transition: all 0.4s ease-out;
                  -o-transition: all 0.4s ease-out;
                  transition: all 0.4s ease-out;
                }
                border-left: 1px solid #e7e7e7;
                border-bottom: 1px solid #e7e7e7;
                overflow: hidden;
                width: 481px;
                height: 149px;
                position: relative;
                a {
                  .it_fr_txt {
                    width: 160px;
                    position: absolute;
                    top: 28px;
                    left: 67px;
                    z-index: 1;
                    p {
                      white-space: nowrap;
                      text-overflow: inherit;
                      overflow: hidden;
                      color: #000;
                      font-size: 16px;
                    }
                    :nth-child(2) {
                      color: #f40;
                      margin-top: 5px;
                      font-size: 14px;
                    }
                  }
                }
              }
            }
            // 右边下面三个
            .imgBot {
              background: #f9f9f9;
              .bigImg3 {
                border-left: 1px solid #e7e7e7;
                border-bottom: 1px solid #e7e7e7;
                overflow: hidden;
                width: 289px;
                height: 175px;
                position: relative;
                background: #f9f9f9;

                a {
                  img:hover {
                    // margin-left: -5px;
                    transform: translateX(-5px);

                    -webkit-transition: all 0.4s ease-out;
                    -moz-transition: all 0.4s ease-out;
                    -ms-transition: all 0.4s ease-out;
                    -o-transition: all 0.4s ease-out;
                    transition: all 0.4s ease-out;
                  }
                  div {
                    width: 160px;
                    position: absolute;
                    top: 15px;
                    left: 29px;
                    z-index: 1;
                    p {
                      white-space: nowrap;
                      text-overflow: inherit;
                      overflow: hidden;
                      color: #000;
                      font-size: 16px;
                    }
                    :nth-child(2) {
                      color: #f40;
                      margin-top: 5px;
                      font-size: 14px;
                    }
                  }
                }
              }
            }
          }
        }
        // 其他三个块的公共样式
        .son_all {
          :first-child {
            ul {
              li {
                border-bottom: 1px solid #e7e7e7;
                border-right: 1px solid #e7e7e7;
                width: 197px;
                padding: 10px;
                height: 217px;
                a {
                  .son_all_img {
                    width: 200px;
                    text-align: center;
                    margin-bottom: 15px;
                    img:hover {
                      -webkit-transform: translateY(-7px);
                      -ms-transform: translateY(-7px);
                      transform: translateY(-7px);
                      -webkit-transition: all 0.4s ease-out;
                      -moz-transition: all 0.4s ease-out;
                      -ms-transition: all 0.4s ease-out;
                      -o-transition: all 0.4s ease-out;
                      transition: all 0.4s ease-out;
                    }
                    img {
                      width: 136px;
                      height: 136px;
                      margin-top: 5px;
                    }
                  }
                  h1 {
                    height: 32px;
                    overflow: hidden;
                    color: #666;
                    font-size: 12px;
                    font-weight: 400;
                  }
                  .son_all_txt {
                    color: #dd2727;
                    margin-top: 5px;
                    font-size: 16px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .main_c_bottom {
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    li {
      width: 148px;
      height: 66px;
      border-left: 1px solid #e7e7e7;
      overflow: hidden;
      text-align: center;
      a {
        img:hover {
          opacity: 0.8;
        }
        img {
          width: 100px;
          height: 48px;
          margin-top: 8px;
        }
      }
    }
  }
}
//
//
//
// footer
.footer {
  margin-top: 30px;
  background: #f5f5f5;
  .foot_top {
    border-bottom: 1px solid #e5e5e5;
    height: 100px;
    .foot_top_main {
      ul {
        width: 1200px;
        margin: 0 auto;
        padding: 19px 0;
        li {
          width: 200px;

          a:hover {
            color: #ed4044;
            margin-top: -5px;
            -webkit-transition: all 0.4s ease-out;
            -moz-transition: all 0.4s ease-out;
            -ms-transition: all 0.4s ease-out;
            -o-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
          }
          a {
            display: block;
            width: 128px;
            height: 62px;
            padding-left: 72px;
            line-height: 62px;
            color: #444;
            font-weight: 700;
            font-size: 18px;
          }
        }
        :first-child {
          a {
            background: url(../images/logo.png) 0 0 no-repeat;
          }
        }
        :nth-child(2) {
          a {
            background: url(../images/logo.png) 0 -162px no-repeat;
          }
        }
        :nth-child(3) {
          a {
            background: url(../images/logo.png) 0 -242px no-repeat;
          }
        }
        :nth-child(4) {
          a {
            background: url(../images/logo.png) 0 -82px no-repeat;
          }
        }
        :nth-child(5) {
          a {
            background: url(../images/logo.png) 0 -322px no-repeat;
          }
        }
        :nth-child(6) {
          a {
            background: url(../images/logo.png) 0 -402px no-repeat;
          }
        }
      }
    }
  }
  .foot_bottom {
    width: 1200px;
    margin: 0 auto;
    padding-top: 25px;
    a:hover {
      color: #ed4044;
      text-decoration: underline;
    }
    // 最上面部分
    .info {
      padding-bottom: 25px;
      border-bottom: 1px solid #e5e5e5;

      .box_info1 {
        padding-right: 20px;
        margin-right: 20px;
        img {
          margin-top: 5px;
        }
        .dog_phone_txt {
          margin-left: 30px;
          h2 {
            font-weight: 700;
            font-size: 14px;
          }
          p {
            margin-top: 15px;
            color: #666;
          }
          :nth-child(2) {
            font-size: 20px;
            span {
              margin-left: 5px;
              font-size: 12px;
            }
          }
          :nth-child(3) {
            font-size: 20px;
          }
          :nth-child(4) {
            color: #444;
            font-size: 12px;
          }
        }
      }
      .box_info2 {
        margin: 0 100px 0 40px;
      }
      .box_info3,
      .box_info4 {
        margin-right: 100px;
      }
      .box_info5 {
        margin: -5px 36px 0 20px;
      }
      .box_info6 {
        margin-top: -6px;
      }
    }
    .gywm {
      padding-top: 20px;
      position: relative;
      .gywm_main {
        width: 1150px;
        height: 20px;
        overflow: hidden;

        a {
          display: inline-block;
          margin: 0 15px 10px 0;
          img {
            width: 18px;
            vertical-align: -4px;
          }
        }
      }
    }
    .police {
      a {
        display: inline-block;
        margin-right: 3px;
      }
    }
    .copy {
      padding: 20px 0 40px;
      color: #000;
      p {
        color: #000;
      }
    }
  }
}
//
//
// 悬浮框
.xuanfu {
  right: 0px;
  top: 0px;
  opacity: 1;
  position: fixed;
  width: 35px;
  z-index: 5005;
  height: 100%;
  background-color: #444;
  .createGoods {
    width: 100%;
    height: 80px;
    // background: #000;
    border-bottom: 1px solid #999;
    font-size: 12px;
    span {
      color: #e54649;
    }
    img {
      width: 50px;
    }
  }

  label {
    height: 35px;
    width: 90px;
    line-height: 35px;
    background-color: #ffa200;
    position: absolute;
    top: 0;
    text-align: center;
    color: #fff;
    padding-right: 10px;
    display: block;
    em {
      display: block;
      right: -8px;
      top: 10px;
      color: #ffa200;
      font-size: 16px;
      height: 16px;
      width: 16px;
      line-height: 16px;
      position: absolute;
    }
  }
  .wodedingdan {
    label {
      position: absolute !important;
      em {
        position: absolute !important;
        z-index: 500;
      }
    }
  }
  .returnTop label,
  .wodedingdan label {
    opacity: 0;
    right: 53px;
    display: none;
  }
  .rtcont {
    position: relative;
    height: 100%;
    .xf_top {
      height: 472px;
      top: 56px;
      padding-top: 10px;
      position: relative;
      li {
        position: relative;
      }
      .cartbt_btn {
        text-align: right;
        position: absolute;
        bottom: 0;
        p {
          margin-left: 5px;
          margin-right: 175px;
        }
        .btn {
          display: inline-block;
          padding: 5px 0;
          width: 70px;
          text-align: center;
          color: #fff;
          background: #f03e3e;
          border-radius: 3px;
          border: 1px solid #f03e3e;
        }
        .btn_clear {
          background: #fff;
          color: #f03e3e;
          border: 1px solid #f03e3e;
        }
      }
      li:nth-child(2):hover,
      li:nth-child(3):hover {
        background-color: #555;
      }
      li:nth-child(1):hover .bagBox {
        display: block;
      }
      li:nth-child(2):hover .fygwc_box {
        display: block;
      }
      .fygwc_box {
        width: 500px;
        min-height: 240px;
        position: fixed;
        border: 2px solid #ddd;
        background: #fff;
        right: 35px;
        display: none;
      }
      li:nth-child(1) {
        > a:hover {
          background-color: #555;
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }

        position: relative;
        > a {
          display: block;
          width: 35px;
          height: 35px;
          margin: 26px 0;
          background-image: url("../images/bar_new.png");
          background-position: 0 -235px;
        }
      }
      li:nth-child(2) {
        margin-bottom: 15px;
        position: relative;
        :hover .bgwhite {
          background-color: #fff;
        }
        :hover .xf_top_gwc {
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        > a {
          width: auto;
          height: auto;
          background-image: none;
          font-size: 12px;
          padding: 5px 0 10px;
          margin: 0;

          .xf_top_gwc {
            background-image: url(../images/bar_new.png);
            background-position: 0 -270px;
            display: block;
            width: 35px;
            height: 35px;
          }
          .rt-cart {
            width: 19px;
            text-align: center;
            margin: 0 auto;
            color: #a6a6a6;

            span {
              display: inline-block;
              width: 20px;
              height: 20px;
              line-height: 20px;
              border-radius: 50%;
              -webkit-border-radius: 50%;
              background-color: #a6a6a6;
              color: #444;
            }
          }
        }
      }
      li:nth-child(3) {
        :hover .bgwhite {
          background-color: #fff;
        }
        :hover .xf_top_kf {
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        > a:hover {
          background-color: #555;
        }
        width: auto;
        height: auto;
        background-image: none;
        font-size: 12px;
        padding: 5px 0 10px;
        margin: 0 0 15px;
        a {
          .xf_top_kf {
            display: block;
            width: 35px;
            height: 35px;
            background-image: url(../images/bar_new.png);
            background-position: 2px -617px;
          }
          .rt-cart {
            width: 19px;
            text-align: center;
            margin: 0 auto;
            color: #a6a6a6;
            span {
              display: inline-block;
              width: 20px;
              height: 20px;
              line-height: 20px;
              border-radius: 50%;
              -webkit-border-radius: 50%;
              background-color: #a6a6a6;
              color: #444;
            }
          }
        }
      }
      li:nth-child(4) {
        > a:hover {
          background-color: #555;
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        a {
          display: block;
          width: 35px;
          height: 35px;
          background-image: url(../images/bar_new.png);
          background-position: 0 -305px;
        }
      }
      li:nth-child(5) {
        > a:hover {
          background-color: #555;
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        a {
          display: block;
          width: 35px;
          height: 35px;
          background-image: url(../images/bar_new.png);
          background-position: -1px -693px;
        }
      }

      .bagBox {
        background: #fff;
        width: 292px;
        position: absolute;
        right: 35px;
        top: 0;
        padding: 0 10px 10px 21px;
        border: 1px solid #ccc;
        display: none;
        .qingdenglu{
          height: 100px;
          text-align: center;
          line-height: 100px;
        }
        .bagP {
          padding: 17px 14px 14px 0;
          margin: 2px 5px 0;
          .hd img {
            border-radius: 50%;
            width: 48px;
            height: 48px;
            border: #110d09 solid 1px;
          }
          .bagText1 {
            padding: 14px 0 0 13px;
          }
        }
        .epet-data {
          border-top: 1px dashed #e5e5e5;
          margin: 0 5px;
          padding: 8px 14px 8px 0;
          border-bottom: 1px dashed #e5e5e5;
          .epet-img {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid #1c1711;
            img {
              width: 30px;
              height: 30px;
              border-radius: 50%;
            }
          }
        }
      }
    }
    .xf_bot {
      position: absolute;
      bottom: 20px;
      li {
        position: relative;
      }
      li:nth-child(3):hover span {
        display: block;
        background: url(../images/weibo.jpg) no-repeat;
        width: 188px;
        height: 129px;
        bottom: 0;
        right: 35px;
        position: absolute;
        border: 1px #ddd solid;
      }
      :hover span {
        display: block;
        background: url(../images/weixin1.jpg) no-repeat;
        width: 188px;
        height: 228px;
        bottom: 0;
        right: 35px;
        position: absolute;
        border: 1px #ddd solid;
      }
      :nth-child(1) {
        a:hover {
          background-color: #555;
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        a {
          display: block;
          width: 35px;
          height: 35px;
          background-image: url(../images/bar_new.png);
          background-position: 0 -410px;
        }
      }
      :nth-child(2) {
        a:hover {
          background-color: #555;
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        a {
          display: block;
          width: 35px;
          height: 35px;
          background-image: url(../images/bar_new.png);
          background-position: 0 -720px;
        }
      }
      :nth-child(3) {
        a:hover {
          background-color: #555;
          background-image: url(../images/bar_newhover.png);
          background-repeat: no-repeat;
        }
        a {
          display: block;
          width: 35px;
          height: 35px;
          background-image: url(../images/bar_new.png);
          background-position: 0 -753px;
        }
      }
      :nth-child(4) {
        a {
          display: block;
          width: 35px;
          height: 35px;
          background-image: url(../images/bar_new.png);
          background-position: 0 -521px;
        }
      }
    }
  }
}
//
//
// 登录
//flex
.zhdldl {
  cursor: pointer;
}
.lr_hidejs {
  display: none !important;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-pj {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-ac {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-pc {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
//it1
.it1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
}
.cf03 {
  color: #f03e3e;
}
//开始
.loginBox {
  // 变灰
  .fix-warp {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 5002;
  }
  .login {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5006;
    .l_login {
      width: 322px;
      padding: 0 50px 30px;
      background: #fff;
      border-radius: 20px;
      // position: relative;
      // z-index: 6000;
      div:first-child {
        // 头部文字
        p:first-child {
          margin: 40px 0;
          font-size: 18px;
          .sjyzm {
            cursor: pointer;
            margin: 0;
          }
          .liner {
            width: 1px;
            background: #efefef;
          }
        }
        .gotologin {
          .kkkkkkkk {
            .dlzc {
              div > span {
                display: inline-block;
                width: 20px;
                height: 20px;
                vertical-align: top;
                border-right: 1px solid #f4f4f4;
                padding-right: 10px;
              }
              .settings_user {
                margin: 20px auto;
                width: 300px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #dddddd;
                border-radius: 30px;
                padding-left: 15px;
                span {
                  background: url(../images/newico.png) no-repeat;
                  background-position: 0 -60px;
                }
                input {
                  outline: none;
                  border: none;
                  border-radius: 30px;
                  padding: 0 15px;
                  font-size: 12px;
                }
              }
              .settings_pwd {
                margin: 20px auto;
                width: 300px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #dddddd;
                border-radius: 30px;
                padding-left: 15px;
                span:first-child {
                  background: url(../images/newico.png) no-repeat;
                  background-position: 0 -40px;
                }
                input {
                  outline: none;
                  border: none;
                  border-radius: 30px;
                  padding: 0 15px;
                  font-size: 12px;
                }
                a {
                  display: inline-block;
                  width: 110px;
                  height: 25px;
                  line-height: 25px;
                  font-size: 14px;
                  border-left: 1px solid #f4f4f4;
                  text-align: center;
                  margin: 0;
                  span {
                    background: none !important;
                  }
                }
              }
              .settings_code {
                margin: 20px auto;
                width: 300px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #dddddd;
                border-radius: 30px;
                padding-left: 15px;
                input {
                  outline: none;
                  border: none;
                  border-radius: 30px;
                  padding: 0 15px;
                  font-size: 12px;
                }
                a {
                  display: inline-block;
                  width: 110px;
                  height: 25px;
                  line-height: 25px;
                  font-size: 14px;
                  border-left: 1px solid #f4f4f4;
                  text-align: center;
                  margin: 0;
                  span {
                    background: none !important;
                  }
                }
              }
            }
          }
          .bindusergray {
            background: #999;
            height: 42px;
            line-height: 42px;
            border-radius: 30px;
            cursor: pointer;
            margin-top: 20px;
            color: #fff;
            font-size: 14px;
          }
          .login_txt {
            margin-top: 45px;
            margin-bottom: 25px;
            height: 49px;
            .zwq {
              margin: 0;
              padding: 0;
              a {
                display: inline-block;
                width: 36px;
                height: 36px;
              }
              .zhifubao {
                background: url(../images/newico2.png) no-repeat;
                background-position: 0 0;
              }
              .weixin {
                background: url(../images/newico2.png) no-repeat;
                background-position: -43px 0;
              }
              .QQ {
                background: url(../images/newico2.png) no-repeat;
                margin: 0;
                background-position: -87px 0;
              }
            }
            .cue {
              a {
                margin-right: 10px;
              }
              span {
                cursor: pointer;
              }
            }
          }
          .xyhzc_txt {
            margin-top: 45px;
            margin-bottom: 25px;
            height: 49px;
            .dib {
              background: url(../images/select.png) no-repeat 0px -19px;
              width: 19px;
              height: 19px;
              margin-top: 3px;
            }
            .que {
              margin: 5px 0 0 5px;
            }
            .yudaowenti {
              margin-top: 5px;
              cursor: pointer;
            }
          }
        }
      }
    }
  }
}
